.page {
    max-width: 7.5rem;
    min-width: 3.2rem;
    margin: 0 auto;
    margin-top: 1.28rem;
    }
    h2,p {
    margin: 0;
    padding: 0;
    
    }
    .photo {
    padding-left: 0.2rem;
    padding-bottom: 0.01rem;
    background-image: linear-gradient(180deg, #ff6243, #ff6f56);
    margin-top: -0.01rem;
    }
    .photo .left {
    width: 3.6rem;
    display: flex;
    }
    .photo img {
    width: 1.3rem;
    height: 1.3rem;
    border-radius: 50%;
    }
    .photo .con {
    padding-left: 0.18rem;
    }
    .photo .con p {
    font: bold 0.3.6rem/0.76rem "微软雅黑";
    color: #fff;
    }
    .photo .con a {
    display: block;
    width: 100%;
    padding: 0 0.007rem;
    border: 0.02rem solid #ffb4a6;
    border-radius: 0.06rem;
    font: 0.2rem/0.3rem "微软雅黑";
    color: #fff;
    }
    .photo .register {
    width: 1.52rem;
    height: 0.42rem;
    margin-top: 0.44rem;
    border-radius: 0.22rem 0 0 0.22rem;
    /* background: #ffd5cc url(../images/red_envelopes.png) no-repeat 0.15rem 0.06rem; */
    background-size: 0.22rem 0.28rem;
    text-align: center;
    }
    .photo .register a {
    font: 0.2rem/0.42rem "微软雅黑";
    color: #FF6243;
    }
    .content {
    background-image: linear-gradient(180deg, #ff6f57, #ff6f57);
    }
    .content ul {
    padding: 0 0.54rem 0 0.46rem;
    display: flex;
    justify-content: space-around; 
    }
    .content ul li {
    width: 1.2rem;
    text-align: center;
    }
    .content ul li h2 {
    margin-top: 0.3rem;
    font: 0.36rem "微软雅黑";
    color: #fff;
    }
    .content ul li a {
    font: 0.2rem/0.46rem "微软雅黑";
    color: #ffb1a6;
    }
    .content ul li i{
        font: 0.2rem/0.46rem "微软雅黑";
    color: #ffb1a6;
    }
    .navbar {
    width: 100%;
    margin-top: -0.02rem;
    height: 1.8rem;
    background: linear-gradient(180deg, #ff6f57, #ff7b68);
    box-shadow: 0 0.1rem 0.08rem #ffe6e1;
    position: relative;
    }
    .navbar .txt {
    width:6.7rem;
    padding: 0 .1rem 0.3rem .1rem;
    background-color: #fff;
    border-radius: 0.07rem;
    position: absolute;
    top: .2rem;
    left: 50%;
    transform: translateX(-50%);
    }
    .navbar .txt .top {
    display: flex;
    justify-content: space-between;
    }
    .navbar .txt .top h2 {
    font: 0.36rem/0.72rem "微软雅黑";
    color: #333;
    }
    .navbar .txt .top a {
    font: 0.24rem/0.72rem "微软雅黑";
    color: #FF6040;
    }
    .navbar .txt .top i {
    font-size: 0.18rem;
    color: #FF6040;
    }
    .navbar .txt .bot {
    padding: 0 0.32rem;
    display: flex;
    justify-content: space-between;
    }
    ul{
    margin-bottom: 0;
    }
    
    .navbar .txt .bot li {
    margin-top: 0.06rem;
    text-align: center;
    }
    .navbar .txt .bot li img {
    width: 0.6rem;
    height: 0.6rem;
    }
    .navbar .txt .bot li p {
    font: 0.2rem/0.52rem "微软雅黑";
    color: #333;
    }
    
    .bannerMine{
    width: 100%;
    height: 1.5rem;
    margin-top: 0.6rem;
    }
    
    
    
    
    .contentbar {
    padding: 0.2rem;
    background-color: #ffffff;
    margin-top: 0.3rem;
    }
    .contentbar li {
    display: flex;
    justify-content: space-between;
    align-items: center;
    }
    .contentbar li div {
    display: flex;
    align-items: center;
    }
    .contentbar li img {
    width: 0.3rem;
    height: 0.32rem;
    }
    .contentbar li span {
    font: bold 0.24rem/0.72rem "微软雅黑";
    color: #333;
    margin-left: 1.2rem;
    }
    .contentbar li .text {
    font: 0.24rem "微软雅黑";
    color: #666;
    }
    .contentbar li .iconfont {
    font-size: 0.189rem;
    }
    .bgc {
    height: 4rem;
    }